<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
        <title>jQuery Accordion Menu</title> 
        <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
	<script type="text/javascript" src="MyMiniAccordion.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#myMiniaccordian1").collapseAll();
                //$("#myMiniaccordian1").expandAll();
            });
        </script>
       <link rel="stylesheet" type="text/css" href="MyMiniAccordion.css"/>
    </head> 
    <body> 
        <div id="myMiniaccordian1" class="accordian">
            <div class="root">123</div>
            <div class="node">aaaa</div>
            <div class="node">bbbb</div>
            <div class="node">ccc</div>
            <div class="root">456</div>
            <div class="node">xxx</div>
            <div class="node">yyyy</div>
            <div class="node">zzzz</div>
            <div class="node">xxx</div>
            <div class="node">yyyy</div>
            <div class="node">zzzz</div>
            <div class="root">456</div>
            <div class="node">xxx</div>
            <div class="node">yyyy</div>
            <div class="node">zzzz</div>
            <div class="node">xxx</div>
            <div class="node">yyyy</div>
            <div class="node">zzzz</div>
             <div class="node">xxx</div>
            <div class="node">yyyy</div>
            <div class="node">zzzz</div>
             <div class="node">xxx</div>
            <div class="node">yyyy</div>
            <div class="node">zzzz</div>
             <div class="node">xxx</div>
            <div class="node">yyyy</div>
            <div class="node">zzzz</div>
        </div>
    </body> 
</html> 